/*
* @Date: 2018-1-5
* @by: chenxiaomian
*/
body{font-size:0.28rem;background:#fff;color:#333;line-height: 0.4rem;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}
.bg-no{background: none !important;}
.bg-grey{background:#f4f2f3 !important;}
.h-15{height: 0.3rem !important;}
.mb-0{margin-bottom: 0 !important;}
.bd-0{border:0 !important;}
.fz-12{font-size:0.24rem;}
.lh-20{line-height:0.4rem;}
.c-999{color:#999 !important;}
.mt-5{margin-top: 0.1rem !important;}

/* header */
#km-header{height: 0.9rem;background: #f0f4f5;width:100%;overflow:hidden;}
.logo{width: 2.84rem;height: 0.6rem;display: block;margin-top: 0.15rem;margin-left: 0.16rem;float:left;}
.logo>img{width: 100%;height: auto;display:block;}
.search-sec{background: url(/webpack-test/src/img/wap/question/search-img.png) no-repeat;width: 4rem;height: 0.6rem;display: inline-block;background-size: 100% 100%;margin-left: 0.2rem !important;float: right;margin-right: 0.1rem !important;margin-top: 0.16rem !important;}

.km-header-z{height: 0.8rem;background: #d7000f;position: relative;}
.km-header-z .cateName{line-height: 0.8rem;text-align: center;color: #FFFFFF;font-size: 0.36rem;display: block;margin-left: 0;font-weight: normal;}
.km-header-z .cateName a{color: #fff;}
.km-home{position: absolute;top: 0;left: 0;display: inline-block;width: 2.12rem;height: 0.8rem;background: url(/webpack-test/src/img/wap/question/word-logo.png) no-repeat;background-size: 1.88rem 0.36rem;    background-position: center;}
.km-home a{width: 100%;height: 100%;display: block;}
.con-nv{position: absolute;right: 0;top: 0;line-height: 0.8rem;display: inline-block;color: #fff;}
.bg-no~.nav-drop{top:0.8rem;}
.km-header-z.abs{width: 100%;display: block;position: absolute;z-index: 200;}

/* nav */
.km-nav{height: 0.82rem;overflow: hidden;width: 100%;background: #d7000f;}
.nav-scroll{width: 100%;background: #d7000f;z-index: 5;height: 0.82rem;overflow-x: scroll;overflow-y: hidden;}
.nav-bar{height: 0.82rem;margin-left: 0.2rem;font-size: 0.32rem;position: relative;font-weight: 700;width: 19.5rem;}
.nav-bar>li{line-height: 0.82rem;display: inline-block;margin-right: 0.48rem;}
.nav-bar>li>a{color: #eeacae;}
.active{color: white !important;font-size: 0.34rem;font-weight: 700;text-decoration: none !important;}
.yingy{width: 0.1rem;height: 0.82rem;background: green;position: absolute;right: 0.9rem;background: url(/webpack-test/src/img/wap/question/hash.png) no-repeat;background-size: 7rem auto;background-position: -2.3rem -2.44rem;top: 0.9rem;z-index: 100;}
.nav-dropdown{width: 0.9rem;height: 0.82rem;background-color: #d6010e;position: absolute;right: 0;display: inline-block;top: 0.9rem;z-index: 2000;}
.hehe{display: block;}
.nav-up{width: 0.8rem;height: 0.8rem;background: url(/webpack-test/src/img/wap/question/hash.png) no-repeat;background-color: #d6010e;background-size: 7rem auto;background-position: -0.65rem -0.02rem;position: absolute;right: 0;display: inline-block;}
.header-img{width: 100%;height: 3.39rem;background: #f0f5f4;}
.title-mb{background: black;height: 0.6rem;opacity: 0.3;position: relative;top: -0.8rem;z-index: 3;}
.lunbo-title{height: 0.6rem;font-size: 0.35rem;position: relative;z-index: 3;top: -1.4rem;}
.lunbo-title>p{display: inline-block;color: #FFFFFF;line-height: 0.6rem;padding-left: 0.2rem;}

/* nav-drop */
.nav-drop{display: none;position: fixed;top: 1.73rem;background: #fff;width: 100%;left: 0;bottom: 0;z-index: 1000;border-bottom: 0.02rem solid #d0d0d0;/* min-height: calc(100vh - 0.8rem);*/overflow-y:scroll;overflow-x:hidden;/* height: 50%;*/}
.nav-drop.nav-fixed{top: 0.82rem;}
h3.nav-map-title{font-size:0.4rem;text-align:center;margin-top:0.2rem;line-height:0.6rem;color:#000;font-weight:600;}
.nav-drop-content{margin-bottom: 0 !important;margin-top: 0;padding-top: 0.1rem;padding-bottom: 0.15rem;background: #ffffff;}
.nav-drop-content dl{padding: 0 0 0 0.4rem;overflow: hidden;margin:0;}
.nav-drop-content dl dt{width: 1.2rem;font-size: 0.28rem;color: #333;line-height: 0.3rem;font-style: normal;font-variant: normal;font-weight: 600;margin-left: -0.1rem;float: left;font-size-adjust: none;font-stretch: normal;margin-top: 0.16rem;}
.nav-drop-content dl dt a{color: #333;}
.nav-drop-content dl dd{line-height: 0.2rem;overflow: hidden;padding-left: 0.6rem;}
.nav-drop-content dl dd a{width: 1.8rem;color: #666;font-size: 0.26rem;margin: 0.2rem 0.5rem 0.2rem 0;float: left;display: inline;white-space: nowrap;font-weight: 400;text-align: left;}
.nav-drop-content dd:last-child a{margin-right: 0;}

/* qa-content */
.qa-wrap{margin:0 auto;width: 92%;}
.qa-auto{height: auto !important;}
.qa-list{background: #fff;}
.qa-list li{padding:0.3rem 0;overflow: hidden;border-bottom: 0.02rem solid #ece8e9;}
.qa-list li>a{display: block;}
.qa-list .qa-title{font-size: 0.28rem;font-weight: normal;color: #222;line-height: 0.4rem;text-align: left;margin-bottom: 0.2rem;height: 0.88rem;overflow: hidden;word-break:break-all; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.qa-list .qa-ans{font-size: 0.24rem;line-height: 0.4rem;color:#1e88f5;position: absolute;bottom:0;left:0;}
.qa-list .qa-info{width: 100%;position: relative;height: 1.64rem;}
.qa-list .qa-info.fl{width: 4.4rem;}
.qa-list .qa-img{width: 2.18rem;height: 1.64rem;float: right;}
.qa-list .qa-img img{display: block;width: 100%;height: 100%;}
.qa-list .qa-imgs~.qa-ans{position: relative;bottom:auto;left:auto;margin-top: 0.2rem;}
.qa-loading{width: 100%;text-align: center;line-height: 0.48rem;margin:0.2rem 0;color:#666;font-size: 0.28rem;background: #fff;}
.qa-loading img{vertical-align: middle;}
.qa-loading>p{text-align: center;color: #999;}
.qa-imgs{display: -webkit-box;display: flex;}
.qa-imgs-item{display:block;width: 2.18rem;height: 1.64rem;}
.qa-imgs-item:nth-child(2){margin: 0 0.2rem;}
.qa-imgs>img{display:block;width: 2.18rem;height: 1.64rem;vertical-align: middle;}
.qa-imgs>img:nth-child(2){margin: 0 0.2rem;}

/* question */
.qt-wrap{padding:0.3rem 0;margin:0 auto;width: 92%;}
.qt-title{font-size: 0.32rem;line-height: 0.56rem;text-align: left;text-indent: 1.0rem;background: url(/webpack-test/src/img/wap/question/yaocaiquan_img_wenda@2x.png) no-repeat 0.06rem 0.1rem;background-size: 0.8rem auto;margin-bottom: 0.3rem;word-break:break-all;}
.qt-cont{position: relative;margin-bottom: 0.2rem;}
.qt-cont>p{font-size: 0.28rem;line-height: 0.4rem;}
.qt-cont.line>p{height: 0.4rem;overflow:hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;padding-right: 0.8rem;}
.qt-cont .unfold{position: absolute;top:0;right:0;display:block;padding-right: 0.3rem;background: url(/webpack-test/src/img/wap/question/yaocaiquan_img_zhankai@2x.png) no-repeat right center;background-size: 0.2rem auto;color: #1d87f5;}

.an-head{width: 100%;height: 0.6rem;line-height: 0.6rem;border-bottom: 0.02rem solid #f4f2f3;}
.an-head>h3{font-size: 0.28rem;font-weight: normal;color: #f54746;padding-left: 0.2rem;border-left:0.04rem solid #f54746;height: 0.4rem;line-height: 0.4rem;margin-top: 0.16rem;}
.an-list li{margin:0 0.3rem;padding:0.3rem 0 0.1rem 0;border-bottom: 0.02rem solid #ece8e9;}
.user-wrap{height: 0.7rem;overflow: hidden;margin-bottom: 0.2rem;}
.uw-avatar{width: 0.7rem;height: 0.7rem;float: left;-webkit-border-radius:100%;border-radius:100%;margin-right: 0.2rem;}
.uw-avatar img{display: block;width: 100%;height: 100%;}
.uw-name{float: left;line-height: 0.32rem;padding-top: 0.02rem;}
.uw-name.only{line-height: 0.7rem;padding-top: 0;}
.uw-name .name{font-size: 0.28rem;font-weight: normal;}
.uw-name .date{font-size: 0.24rem;color: #999999;}
.an-cont{position: relative;text-align: left;line-height: 0.4rem !important;}
.an-cont img{display: block;width: 100%;max-width: 100%;margin-bottom: 5px;}
.an-cont>p{font-size: 0.28rem;line-height: 0.4rem !important;overflow: hidden;max-height:2.0rem;text-align: left;margin-bottom: 0.2rem;text-indent: 0 !important;}
.an-cont>p span{text-indent: 0 !important;line-height: 0.4rem !important;}
.an-cont>p img{display: block;width: 100%;max-width: 100%;}
.an-cont .date{color: #999999;}
a.fulltext{display:inline-block;background: #fff;color:#1e88f5;}

.qa-noanswer{width: 100%;text-align: center;line-height: 0.48rem;margin:1rem 0;color:#666;font-size: 0.28rem;background: #fff;}
.qa-noanswer img{vertical-align: middle;}
.qa-noanswer>p{text-align: center;margin-top: 0.2rem;color: #999;}

/* photo */
.swiper-container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background: #000;}
.swiper-slide{width: 100%;height: 100%;left: 0;background-color: rgba(0,0,0,1);-webkit-transition: -webkit-transform .5s ease;-webkit-transform-origin: 0 0;overflow-y: hidden;overflow-x: hidden;width: 100%;}
.title-img{width: 100%;height: 100%;text-align: center;overflow: hidden;background: rgba(0,0,0,1);}
.title-img img{border: none;overflow: hidden;width:100%;vertical-align: middle;}
span.swiper-pagination-current{color: #d7000f !important;}
.swiper-container-horizontal .swiper-pagination-fraction{width: 1.5rem;height: 0.6rem;line-height: 0.6rem;z-index: 9999;color: #fff;left:50%;margin-left: -0.75rem;bottom:0.6rem;font-size: 0.44rem;}

/* operation */
.qt-operation{line-height: 0.78rem;height: 0.78rem;border-top:0.02rem solid #e8e8e8;}
.qt-operation>a{display: block;margin:0.2rem 0;width: 50%;box-sizing: border-box;height: 0.4rem;line-height: 0.4rem;text-align:center;font-size: 0.28rem;color: #1E88F1;float: left;padding-left: 0.4rem;}
.qt-operation .icon-question{background: url(/webpack-test/src/img/wap/question/guanzhuwenti_icon.png) no-repeat 1rem center;background-size: 0.4rem auto;border-right: 0.02rem solid #ece8e9;}
.qt-operation .icon-answer{background: url(/webpack-test/src/img/wap/question/tianjiahuida_icon.png) no-repeat 1rem center;background-size: 0.4rem auto;}

/* dialog */
.page-mask{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.km-dialog{position: fixed;z-index: 5000;width: 80%;max-width: 300px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #FFFFFF;    text-align: center;border-radius: 3px;overflow: hidden;}
.km-dialog-bd{padding: 0 1.6em 0.8em;min-height: 0.8rem;font-size: 0.3rem;line-height: 1.3;word-wrap: break-word;word-break: break-all;color: #999999;text-align: center;}
.km-dialog-bd:first-child{padding: 2.7em 0.4rem 1.7em;color: #353535;}
.km-dialog-ft{position: relative;line-height: 0.96rem;font-size: 0.32rem;display: -webkit-box;display: -webkit-flex;display: flex;}
.km-dialog-ft:after{content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.km-dialog-btn{display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #d7000f;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);position: relative;text-align: center;}
.km-dialog-btn:after{content: " ";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
.km-dialog-btn-default{color: #353535;}
.km-dialog-btn-primary{color: #d7000f;}

a.icon-attent{display: inline-block;color:#fff;padding:0.12rem 0.16rem;-webkit-border-radius:0.1rem;border-radius:0.1rem;padding-left: 0.5rem;background: url(/webpack-test/src/img/wap/question/guanzhu_icon.png) #F3404B no-repeat 0.2rem center;background-size: 0.2rem auto;}

/* app-download */
.download_app{width:100%;position: fixed;bottom:0;height:1.2rem;background:rgba(0, 0, 0, .75);z-index:999;}
.down_box{width:90%;color:white;margin:auto;position:relative;}
.down_logo{width:1.2rem;height:1.2rem;margin:0;margin-top:-0.24rem;background-image:url('/webpack-test/src/img/wap/question/icon_logo.png');background-repeat:no-repeat;background-size:1.2rem; background-position: center;}
.down_text{position:absolute;bottom:-0.2rem;left:1.4rem;}
.down_text h3{font-size:0.28rem;color:#df4a49;margin-top: 0rem;width:120%;margin-bottom:10px;}
.down_text p{font-size:0.28rem;width:120%;line-height:0.48rem;}
.down_close{width:0.6rem;height:0.6rem;position:absolute;background-image:url('/webpack-test/src/img/wap/question/icon_close.png');background-position: center;background-size:0.5rem;border-radius:0.6rem; top:-0.36rem;right:0.1rem;background-repeat:no-repeat;z-index:9999;padding: 0.1rem;}

.open-app-mask{background: url(/webpack-test/src/img/wap/question/wx_open.png) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999999;}